<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta name="viewport"
        content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>申请记录</title>
    <link rel="stylesheet" type="text/css" href="../../css/aui.2.0.css" />
    <link rel="stylesheet" type="text/css" href="../../css/dm-common.css" />
    <link rel="stylesheet" type="text/css" href="../../css/promotion.css" />
</head>

<body>
    <header class="aui-bar aui-bar-nav prom1-title">
        <a class="aui-pull-left  aui-btn" href="javascript:void(0)" onclick="btnShow()">
            <span class="aui-iconfont aui-icon-left aui-iconfontsize prom1-title-span"></span>
        </a>
        <div class="aui-title">邀请有奖</div>
    </header>

    <div class="prom1-part1">
    </div>

    <div class="prom1-part2">
        <div class="title aui-border-b">我的邀请记录</div>
        <div class="content">
            <table>
                <thead>
                    <tr>
                        <td>手机尾号</td>
                        <td>邀请状态</td>
                        <td>好友申请</td>
                        <td>状态/奖励</td>
                    </tr>
                </thead>
                <tbody id='scolltest' onscroll="lazyload(this)">
                    <tr>
                        <td>1251</td>
                        <td>成功</td>
                        <td>多有花</td>
                        <td>50积分</td>
                    </tr>
                    <tr>
                        <td>1251</td>
                        <td>成功</td>
                        <td>多有花</td>
                        <td>50积分</td>
                    </tr>
                    <tr>
                        <td>1251</td>
                        <td>成功</td>
                        <td>多有花</td>
                        <td>50积分</td>
                    </tr>
                    <tr>
                        <td>1251</td>
                        <td>成功</td>
                        <td>多有花</td>
                        <td>50积分</td>
                    </tr>
                    <tr>
                        <td>1251</td>
                        <td>成功</td>
                        <td>多有花</td>
                        <td>50积分</td>
                    </tr>
                    <tr>
                        <td>1251</td>
                        <td>成功</td>
                        <td>多有花</td>
                        <td>50积分</td>
                    </tr>
                    <tr>
                        <td>1251</td>
                        <td>成功</td>
                        <td>多有花</td>
                        <td>50积分</td>
                    </tr>
                    <tr>
                        <td>1251</td>
                        <td>成功</td>
                        <td>多有花</td>
                        <td>50积分</td>
                    </tr>
                    <tr>
                        <td>1251</td>
                        <td>成功</td>
                        <td>多有花</td>
                        <td>50积分</td>
                    </tr>
                    <tr>
                        <td>1251</td>
                        <td>成功</td>
                        <td>多有花</td>
                        <td>50积分</td>
                    </tr>
                    <tr>
                        <td>1251</td>
                        <td>成功</td>
                        <td>多有花</td>
                        <td>50积分</td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
    <div class="prom1-part3">
        *请注意
        如果使用外挂、作弊器以及其他不正当方式参加本活动的，秒贷之家团队取消用户参与资格、获奖资格；本活动最终解释权归秒贷之家APP所有
    </div>

    <div class=" aui-btn dmc-btn">邀请</div>
</body>
<script>
    function lazyload(el) {
        let h = el.offsetHeight;
        let sh = el.scrollHeight;
        let st = el.scrollTop;
        if (h + st >= sh - 5) {
            //暂停滚动
            el.disabled = false;
            el.innerHTML += '<tr><td>1251</td><td>成功</td><td>多有花</td><td>50积分</td></tr><tr><td>1251</td><td>成功</td><td>多有花</td><td>50积分</td></tr><tr><td>1251</td><td>成功</td><td>多有花</td><td>50积分</td></tr><tr><td>1251</td><td>成功</td><td>多有花</td><td>50积分</td></tr><tr><td>1251</td><td>成功</td><td>多有花</td><td>50积分</td></tr><tr><td>1251</td><td>成功</td><td>多有花</td><td>50积分</td></tr><tr><td>1251</td><td>成功</td><td>多有花</td><td>50积分</td></tr>';
            //启用滚动
            el.disabled = true;
        }
    }
</script>

</html>